<template>
	<view style="text-align: center;">
		<view class="nav-back">
			<top-heigth backTitle="门店"></top-heigth>
		</view>
		<br />
		<image mode="aspectFit" src="https://tinyuse-bak.oss-cn-beijing.aliyuncs.com/nbk/upload/f9a7638dc2fd4e15b335808027018095.jpg"></image>
		<image mode="aspectFit" src="https://tinyuse-bak.oss-cn-beijing.aliyuncs.com/nbk/upload/b33b406e77dc495f94d99c663472fc4f.jpg"></image>
		<image mode="aspectFit" src="https://tinyuse-bak.oss-cn-beijing.aliyuncs.com/nbk/upload/f9132745180742a49176e27193b68a64.jpg"></image>
		<image mode="aspectFit" src="https://tinyuse-bak.oss-cn-beijing.aliyuncs.com/nbk/upload/4ad5c5383f45471f8a2bd9ba1e646373.jpg"></image>
		<image mode="aspectFit" src="https://linyue-images.oss-cn-beijing.aliyuncs.com/images/2024/09/ba2f7c773d1f41a4b64286cf9a7869bd.png"></image>
		<image mode="aspectFit" src="https://linyue-images.oss-cn-beijing.aliyuncs.com/images/2024/11/269636ba1a8f4032ae6fb6a4bc520cba.jpg"></image>
		<image mode="aspectFit" src="https://linyue-images.oss-cn-beijing.aliyuncs.com/images/2024/11/9b24f1cd68264aec8321ee31113fbf67.jpg"></image>
	</view>
</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
	
	export default {
		data() {
			return {
				backTitle:"我的",
				
			}
		},
		components: { TopHeigth },
		onShow() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
	.top-head-box{
		@include flex;
		align-items: center;
		justify-content:space-between;
		height: 200rpx;
		margin-top: 10rpx
		
	}
	.head-box{
		@include flex;
		align-items: center;
		justify-content:flex-start;
		width: 50%;
	}
	.head-box .head{
		width:116rpx;
		height: 116rpx;
		border-radius: 100rpx;
		overflow: hidden;
		text-align: center;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.2);
		
		margin-right: 24rpx;
		background: #fff;
	}
	.head{
		border: 4rpx solid #fff;
	}
	.head image{
		width:116rpx;
		height: 116rpx;
	}
	
	.head-right{
		@include flex;
		align-items: center;
		justify-content:flex-start;
		image{
			width:32rpx;
			height:32rpx;
			margin-right: 8rpx;
		}
	}
	.mine-back{
		background: url("/static/image/back2.png") no-repeat;
		background-size: 100% auto;
		
	}
	.mine-nav{
		background: #fff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.1);
		font-size: 24rpx;
		padding-top: 20rpx;
		padding-bottom:20rpx ;
		
		.mine-nav-list{
			@include flex;
			align-items: center;
			justify-content:space-between;
			.list{
				text-align: center;
				width: 20%;
				image{
					width: 93rpx;
					height: 93rpx;
				}
			}
			
		}
	}
	.mine-font{
		background: #fff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.1);
		font-size: 24rpx;
		margin-top: 24rpx;
		
		.list{
			@include flex;
			align-items: center;
			justify-content:space-between;
			padding:28rpx 0;
			border-bottom: 2rpx solid #eee;
			.go{
				width: 32rpx;
				height: 32rpx;
			}
			.list-l{
				@include flex;
				align-items: center;
				justify-content:flex-start;
				.icon{
					width: 40rpx;
					height: 40rpx;
				}
				span{
					margin-left: 6rpx;
					min-width: 130rpx;
				}
				.font-hui{
					margin-left: 26rpx;
				}
			}
		}
		.list:last-child{
			border-bottom:none;
		}
	}
	.nc{
		@include flex;
		align-items: center;
		justify-content:flex-start;
	}
</style>
